export namespace GridType {
  export type BreakPoint = "xs" | "sm" | "md" | "lg" | "xl";

  export interface Props {
    cols?: number | Record<BreakPoint, number>; //  列数
    collapsed?: boolean; // 折叠状态
    collapsedRows?: number; // 折叠行数
    gap?: [number, number] | number; // 间距
  }

  interface Responsive {
    span?: number; // 跨越的列数
    offset?: number; // 偏移量
  }
  export interface GridItemProps {
    offset?: number; // 偏移量
    span?: number; // 跨越的列数
    suffix?: boolean; // 是否为后缀字段
    xs?: Responsive;
    sm?: Responsive;
    md?: Responsive;
    lg?: Responsive;
    xl?: Responsive;
  }

  // 返回 {BreakPoint:Responsive}
  export type RecordGridItem = Record<BreakPoint, Responsive>;
}
